<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns:v="urn:schemas-microsoft-com:vml">
	<head>
		<title>Bridge</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta content="noindex, nofollow" name="robots">
		<script src="bridge.js" type="text/javascript"></script>
		<style type="text/css">
			table td {
				margin: 6px 20px 6px 20px;
				font-size: 60px;
				color: black;
				border: 1px solid black;
				cursor: pointer;
				width: 44px;
				text-align: center;
			}
			td.red {
				color: red;
			}
		</style>
	</head>
	<body scroll="no" style="overflow: hidden">
		<center>
		<table>
			<tr>
				<td onmouseover="SymbolOver('♠')" onclick="SymbolClick('♠', 'blackCard')">♠</td>
				<td class="red" onmouseover="SymbolOver('♥')" onclick="SymbolClick('♥', 'redCard')">♥</td>
				<td class="red" onmouseover="SymbolOver('♦')" onclick="SymbolClick('♦', 'redCard')">♦</td>
				<td onmouseover="SymbolOver('♣')" onclick="SymbolClick('♣', 'blackCard')">♣</td>
			</tr>
		</table>
		</center>
	</body>
</html>
